.bg-weather-primary {
  --tw-bg-opacity: 1;
  background-color: rgb(0 102 138 / var(--tw-bg-opacity));
}
.bg-weather-secondary {
  --tw-bg-opacity: 1;
  background-color: rgb(0 78 113 / var(--tw-bg-opacity));
}
.hover\:text-weather-secondary:hover {
  --tw-text-opacity: 1;
  color: rgb(0 30 13 / var(--tw-text-opacity));
}
.focus\:border-weather-secondary:focus {
  --tw-border-opacity: 1;
  border-color: rgb(0 78 113 / var(--tw-border-opacity));
}
.container {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-right: 10rem;
  padding-left: 10rem;
}

@tailwind base;
@tailwind components;
@tailwind utilities;
